@import "@assets/base/common.scss";

$hh: 42px;

.ant-modal-wrap  {

  .ant-modal {

    .ant-modal-content {
      border-radius: 0;
      background-color: $bg0;
      padding-top: $hh;
      padding-bottom: 25px;
      @include position();

      .ant-modal-header {
        background-color: inherit;
        width: 100%;
        height: $hh;
        padding: 9px 15px;
        border-radius: 0;
        border-bottom: 0;
        @include position(absolute, left, top, 0, 0, 6);

        .ant-modal-title {
          color: $cor0;
          font-size: $fzsl;
          height: 24px;
          line-height: 24px;
        }
      }

      .ant-modal-body {
        padding: 0 15px;
        font-size: 14px;
        color: $cor0;
      }

      .ant-modal-close {
        
        .ant-modal-close-x {
          width: $hh;
          height: $hh;
          line-height: $hh;
          color: $cor0;
          font-size: $fzsl;
        }
      }

      .ant-modal-footer {
        border-radius: 0;
        border-top: 0;
        padding: 25px 15px 0;
        text-align: center;

        .footer-btn {
          display: inline-block;
          height: 30px;
          line-height: 30px;
          vertical-align: top;
          margin-right: 20px;
          padding: 0 25px;
          border-radius: 3px;
          font-size: $fzn;
          color: $cor0;
          background-color: $bg5;
          cursor: pointer;

          &.disabled {
            background-color: $dis_bg0;
            color: $dis_cor0;
            cursor: not-allowed;
          }

          &.cancal {
            background-color: $bg6;
          }

          &:last-child {
            margin-right: 0px;
          }
        }
      }
    }
  }
}